@media screen and (min-width:1280px){
    .container{
        width:1280px;
    }
}
div{
    overflow:visible;
}
.container{
    padding: 0%!important;
}
.grid_head{
    display: grid;
    padding: 0%!important;
}
.grid_item{
    padding: 1mm;
}
.grid_content{
    display: grid;
    grid-gap: 1mm;
    padding: 1mm;
    grid-template-columns:repeat(3);
}
.grid_label{
    text-align: center;
    font-weight: 600;
}
.grid_res{
    font-size: 30px;
    text-align: center;
    font-weight: 600;
}
.grid_err{
    grid-column: 1 / span 3;
    min-height: 5em;
    font-size: 100%;
    font-weight: bold;
    border-color: WhiteSmoke;
    border-style: groove;
}
.button{
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 3mm 4mm;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 1mm 0;
    cursor: pointer;
}
input[type=text], select{
    width: 100%;
    padding: 3mm 4mm;
    margin: 1mm 0;
    display: inline-block;
    border: 0.3mm solid #ccc;
    border-radius: 1mm;
    box-sizing: border-box;
}
  
input[type=number], select{
    width: 100%;
    padding: 3mm 4mm;
    margin: 1mm 0;
    display: inline-block;
    border: 0.3mm solid #ccc;
    border-radius: 1mm;
    box-sizing: border-box;
}